@charset "utf-8";

/* -------------------------// Reset //------------------------- */
 
/* 
适用：连续性数字和单词过长
问题：默认值 normal，连续性数字和单词过长，如果内容外层的div设置宽度，导致溢出
解决：break-word把长单词挪到下一行
优缺点：两端不整齐，
*/
*{
	word-wrap:break-word; 
}

/*
适用：连续性数字和单词过长
问题：默认值 normal，连续性数字和单词过长，如果内容外层的div设置宽度，导致溢出
解决：break-all 完整单词被拆分开 换行
优缺点：两端整齐，单词被拆开，少用
优先覆盖 word-wrap 属性，
*/
.w-break-all{
	word-break:break-all; 
}

/* -------------------------// 浏览器同一样式 //------------------------- */
  
/*
IE10+   去除X  
https://www.tomytime.com/archives/425/ 
*/
/** 文本输入框的 X  **/
input::-ms-clear{display: none;}
/** 密码输入框的 X  **/
input::-ms-reveal{display: none;}


/* chrome Firefox 去除默认样式 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;  /* 去除增减按钮 */
margin: 0
}
input[type="number"] {
-moz-appearance: textfield; /* 去除增减按钮 */
}
   
   
/* -------------------------// 手机端 Reset //------------------------- */

/* iOS 浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。 */
html{
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
 
/* 重置 ios 自身自带样式 */
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{
	-webkit-appearance:none;outline:none
}
/* 上面重置后，重新赋予点击手势图标 */
input[type="submit"],input[type="reset"],input[type="button"]{
	cursor: pointer;
}
 
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  margin: 0;
  padding: 0;
}

b{font-weight: normal;}
i{font-style: normal;}
img{vertical-align:top}
a{text-decoration:none;color:#333;}
a:hover{color:#333;}
ul,ol{list-style-type:none;}
textarea{outline:none}  /* 点击触发会 【:focus】变圆角 */

/* 块/段落引用 */
blockquote {
  position: relative;
  color: #999;
  font-weight: 400;
  border-left: 1px solid #bbb;
  padding-left: 1em;
  margin: 1em 3em 1em 2em;
}

@media only screen and ( max-width: 640px ) {
  blockquote {
    margin: 1em 0;
  }
}

/* 标记，类似于手写的荧光笔的作用 */
mark {
  background: #fffdd1;
  border-bottom: 1px solid #ffedce;
  padding: 2px;
  margin: 0 5px;
}

/* 代码片断 */
pre, code, pre tt {
  font-family: Courier, 'Courier New', monospace;
}

pre {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 1em 1.5em;
  display: block;
  -webkit-overflow-scrolling: touch;
}
 
/* 可拖动文件添加拖动手势 */
[draggable] {
  cursor: move;
}
 
body{background-color: #fff;}
body, button, input, select, textarea {
font-family:PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
font-size:12px;
color: #333;

/*抗锯齿，字体清晰*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing:grayscale;
}

h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}